$(function () {
    // 顶部下拉个人中心下拉


    slidedown(".top-user", "ul")
    slidedown(".top-app", ".download")
    slidedown(".sitemap", "ul")
    slidedown(".top-phone", ".top-free-phone")
    // 购物车 
    slidedown(".shop-box", ".shop-con")
    function slidedown(father, son) {
        $(father).hover(function () {
            $(father).children(son).stop().slideDown(200)
        }, function () {
            setTimeout(function () {
                $(father).children(son).stop().slideUp(300)
            }, 100)
        })
    }


    // 回到顶部
    $("#toTop").click(function () {
        $("html").animate({
            scrollTop: 0
        })
    })


    // 轮播图
    var index = 0;
    var sw = true;
    // 设置轮播初始值
    $(".dots li").eq(0).css({ "width": "24px" })
    $(".banner-box img").eq(0).show()

    // 点击轮播的点
    $(".dots li").click(function () {
        index = $(this).index()
        banner()
    })

    // 点击下一张
    $(".next").click(function () {
        if (sw) {
            sw = false
            index++;
            if (index > 3) {
                index = 0
            }
            banner()
        }
    })

    // 上一张
    $(".up").click(function () {
        if (sw) {
            sw = false
            index--;
            if (index < 0) {
                index = 3
            }
            banner()
        }
    })
    // 轮播的图片和点的样式
    function banner() {
        if (index == 0) {
            $(".banner").css({ "backgroundColor": "rgb(214,43,33)" })
        } else if (index == 1) {
            $(".banner").css({ "backgroundColor": "#000" })
        } else if (index == 2) {
            $(".banner").css({ "backgroundColor": "rgb(185,63,62)" })
        } else if (index == 3) {
            $(".banner").css({ "backgroundColor": "rgb(24,68,101)" })

        }
        $(".banner-box img").eq(index).fadeIn().siblings().fadeOut();
        $(".dots li").eq(index).addClass("cur").siblings().removeClass("cur");
        $(".dots li").eq(index).animate({ "width": "24px" }).siblings().animate({ "width": "16px" }, function () {
            sw = true
        });

    }
    // 设置定时器
    var timer = setInterval(function () {

        $(".next").click()
    }, 3000)
    // 悬浮清除定时器
    $(".banner-con").hover(function () {
        clearInterval(timer)
        $(".up").show()
        $(".next").show()
    }, function () {
        $(".up").hide()
        $(".next").hide()
        timer = setInterval(function () {
            $(".next").click()

        }, 3000)
    })







    // 购物车列表数量加减
    var sum = parseFloat($("#sum").text())
    // console.log(  sum+1 );

    $(".add").click(function () {

        sum++;
        if (sum >= 3) {
            sum = 3
        }
        $("#sum").text(sum)
    })
    $(".rid").click(function () {
        sum--;
        if (sum <= 1) {
            sum = 1


        }
        $("#sum").text(sum)
    })


// -------------------------------------------------

//超优惠-免费试用轮播 
var $btnLeft = $(".discounts .main-left .contents .btn .left"),
    $btnRight = $(".discounts .main-left .contents .btn .right"),
    $disul = $(" .discounts .main-left .contents ul"),
    $disli = $(" .discounts .main-left .contents ul li"),
    $disliwidth = $(" .discounts .main-left .contents ul li").width()

$disli.slice(0, 3).clone(true).appendTo(".discounts .main-left .contents ul")
var j = 0;
var flag = true;
$btnRight.click(function () {
    if (flag) {
        j++
        flag = false

        if (j == 4) {
            $disul.animate({
                "left": -j * 192
            }, 300, function () {
                $disul.css({ "left": 0 })
                flag = true;
            })
            j = 0;
        } else {
            $disul.animate({
                "left": -j * 192
            }, 300, function () {
                flag = true;

            })
        }
    }


})
$btnLeft.click(function () {
    if (flag) {
        flag = false
        j--
        if (j == -1) {
            $disul.css({ "left": -4 * 192 })
            j = 3;
        }
        $disul.animate({
            "left": -192 * j
        }, 300, function () {
            flag = true;

        })
    }

})




// 楼梯导航
$(" .stairs .items-on .items ").on("click", ".item", function () {
    flag = false;
    var f = $(this).index();
    var $scrollTop = $(".stairs .floors .floor").eq(f).offset().top

    $(this).addClass("active").siblings().removeClass("active")
    $("body,html").animate({
        "scrollTop": $scrollTop
    }, function () {
        flag = true;
    })
})

$(window).scroll(function () {
    if ($(".stairs").offset().top - $(document).scrollTop() < 900) {
        $(".stairs .items-on").show();
    } else {
        $(".stairs .items-on").hide();

    }

    if (flag) {
        $(".stairs .floors .floor").each(function (i, ele) {
            if ($(ele).offset().top - $(document).scrollTop() < 300) {
                $(".stairs .items-on .items li").eq(i).addClass("active").siblings().removeClass("active")
            }
        })
    }

})



//手机精品汇轮播

var $btn1Left = $(".columns .list .lb #btn1 .left"),
    $btn1Right = $(".columns .list .lb #btn1 .right"),
    $btn2Left = $(".columns .list .lb #btn2 .left"),
    $btn2Right = $(".columns .list .lb #btn2 .right"),
    $btn3Left = $(".columns .list .lb #btn3 .left"),
    $btn3Right = $(".columns .list .lb #btn3 .right"),
    $dot1 = $(".columns .list .lb #dot1 li"),
    $dot2 = $(".columns .list .lb #dot2 li"),
    $dot3 = $(".columns .list .lb #dot3 li"),
    $dom1 = $(".columns .list .lb #imgs1"),
    $dom2 = $(".columns .list .lb #imgs2"),
    $dom3 = $(".columns .list .lb #imgs3")

function lb() {
    var i = 0,
        flag = true;
    return function (lbtn, rbtn, dot, dom) {
        rbtn.click(function () {
            if (flag) {
                i++
                flag = false
                if (i >= 2) {
                    i = 2
                    $(this).css({
                        opacity: .2
                    })
                } else {
                    $(this).css({
                        opacity: .4
                    })
                    $(this).siblings().css({
                        opacity: .4
                    })
                }
                dot.eq(i).addClass("active").siblings().removeClass("active")
                dom.animate({
                    "marginLeft": -i * 333
                }, 300, function () {

                    flag = true;
                })

            }


        })
        lbtn.click(function () {

            if (flag) {
                flag = false
                i--
                if (i <= 0) {
                    i = 0
                    $(this).css({
                        opacity: .2
                    })

                } else {
                    $(this).css({
                        opacity: .4
                    })
                    $(this).siblings().css({
                        opacity: .4
                    })
                }
                dot.eq(i).addClass("active").siblings().removeClass("active")
                dom.animate({
                    "marginLeft": -i * 333
                }, 300, function () {

                    flag = true;
                })

            }

        })

        dot.click(function () {
            i = $(this).index()
            $(this).addClass("active").siblings().removeClass("active")
            dom.animate({
                "marginLeft": -i * 333
            }, 300)
        })
    }
}
var swipper1 = lb();
var swipper2 = lb();
var swipper3 = lb();
swipper1($btn1Left, $btn1Right, $dot1, $dom1)
swipper2($btn2Left, $btn2Right, $dot2, $dom2)
swipper3($btn3Left, $btn3Right, $dot3, $dom3)

})
